$back:#ddd;
@mixin setColor($normal:1px,$color:#111,$font-size:14px){
    color:$color;
    font-size: $font-size;
    border: $normal solid $color;
}
.blue-theme {@import "./_blue-theme";}
.div-scss{
   @include setColor(2px,blue,12px);
}

.error{
    border:1px solid red;
    background: #fdd;

}
.seriousError{
    @extend .error;
    border-width: 3px;
}

p{
    @if 1+1==2 {border:1px solid;}
    @if 5<3{border :2px dashed;}
    @if null {border:3px double;}
}
$type: monster;
div{
    @if $type ==ocean{
        color: blue;
    }@else if $type == matador {
        color: red;
    }@else if $type == monster{
        color: green;
    }@else{
        color: black;
    }
}

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}


@each $animal in puma,sea-slug,egret,salamander{
    .#{$animal}-icon{
        background-image: url('/image/#{$animal}.png');
    }
}
$ii:6;
@while $ii>0{
    .itemsss-#{$ii}{
        width: 2em*$ii;
        $ii:$ii - 2;
    }
}